import { BasicComponent } from './basic/basic.component';
import { CustomComponent } from './custom/custom.component';
import { ImageSizeComponent } from './image-size/image-size.component';

export const EmptyConfig = {
  location: 'Empty',
  description: '下拉菜单是界面中通过点击、划过等操作，扩展的一个可操作的菜单组。',
  description_en: 'Dropdown menu is an operable menu group expanded by click, hover and other operations in the interface.',
  component: [
    {
      demo: BasicComponent,
      codePath: 'showcase/empty/basic/basic.component',
      demoTitle: '基本用法',
      demoTitle_en: 'Basic',
      demoDescription: '',
      demoDescription_en: '',
    },
    {
      demo: CustomComponent,
      codePath: 'showcase/empty/custom/custom.component',
      demoTitle: '自定义图片和描述',
      demoTitle_en: 'Custom Image and Description',
      demoDescription: '',
      demoDescription_en: '',
    },
    {
      demo: ImageSizeComponent,
      codePath: 'showcase/empty/image-size/image-size.component',
      demoTitle: '自定义内置图案大小',
      demoTitle_en: 'Custom Default Image Size',
      demoDescription: '',
      demoDescription_en: '',
    },
  ],
  useRule: [],
  useSuggestion: [],
  selector: 'lv-empty',
  snippet: `<lv-empty [lvImage]="\${1:imageTpl}" lvDescription="\${2:'Custom Description'}" lvImageClass="\${3:'custom-class'}"></lv-empty>`,
  api: [
    {
      attribute: 'lvImage',
      type: `string | TemplateRef<void>`,
      default: 'lv-icon-no-data',
      description: `自定义显示图案`,
      description_en: `Custom Image`,
    },
    {
      attribute: 'lvDescription',
      type: `string | TemplateRef<void> | null`,
      default: '--',
      description: `自定义描述内容`,
      description_en: `Custom Description`,
    },
    {
      attribute: 'lvImageClass',
      type: `string`,
      default: '--',
      description: `图片样式`,
      description_en: `Image Class`,
    },
  ],
};
